﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的出售</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
</head>
<body>

    <div class="layui-fluid">
        <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-brief">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="1">申请列表</li>
                <li lay-id="2">抢单列表</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item  layui-show">
                    <div class="layui-card">
                        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                            <div class="layui-form-item ">
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">单号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="docno" id="docno" placeholder="单据编号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">经销商名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="customer_name" id="customer_name" placeholder="经销商名称" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">款号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="productvalue" id="productvalue" placeholder="款号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">状态</label>
                                    <div class="layui-input-block">
                                        <select name="status" id="status">
                                            <option value="" selected>全部</option>
                                            <option value="0">待发布</option>
                                            <option value="1">发布</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg1">
                                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
                                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-card-body">
                            <div style="padding-bottom: 10px;">
                                <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
                                <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">新增订单</button>-->
                            </div>

                            <table id="LAY-user-manage-request" lay-filter="LAY-user-manage-request"></table>
                            <script type="text/html" id="buttonTpl">
                                {{#  if(d.status == 0){ }}
                                <button class="layui-btn layui-btn-xs">草稿</button>
                                {{#  } else if(d.status == 1){ }}
                                <button class="layui-btn layui-btn-primary layui-btn-xs">已发布</button>
                                {{#  } else { }}
                                <button class="layui-btn layui-btn-primary layui-btn-xs">无</button>
                                {{#  } }}
                            </script>

                            <script type="text/html" id="test-table-operate-td">
                                {{#  if(d.status == 0){ }}
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                                {{#  } else if(d.status == 1){ }}
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                                <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="copy">复制订单</a>-->
                                {{#  } else { }}
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                                <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="copy">复制订单</a>-->
                                {{#  } }}
                            </script>

                            <script type="text/html" id="imgTpl">
                                <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
                            </script>
                        </div>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-card">
                        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                            <div class="layui-form-item ">
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">单号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="docno_snatch" id="docno_snatch" placeholder="单据编号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">经销商名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="customer_name_snatch" id="customer_name_snatch" placeholder="经销商名称" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">款号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="productvalue_snatch" id="productvalue_snatch" placeholder="款号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg2">
                                    <label class="layui-form-label">状态</label>
                                    <div class="layui-input-block">
                                        <select name="status_snatch" id="status_snatch">
                                            <option value="" selected>全部</option>
                                            <option value="99">完成</option>
                                            <option value="90">失败</option>
                                            <option value="80">待发货</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline layui-col-lg1">
                                    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search-snatch">
                                        <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-card-body">
                            <table id="LAY-user-manage-snatch" lay-filter="LAY-user-manage-snatch"></table>
                            <script type="text/html" id="buttonTpl_snatch">
                                {{#  if(d.status == 99){ }}
                                <button class="layui-btn layui-btn-xs">已完成</button>
                                {{#  } else if(d.status == 90){ }}
                                <button class="layui-btn layui-btn-primary layui-btn-xs">失败</button>
                                {{#  } else if(d.status == 80){ }}
                                <button class="layui-btn layui-btn-primary layui-btn-xs">待发货</button>
                                {{#  } else if(d.status == -1){ }}
                                <button class="layui-btn layui-btn-danger layui-btn-xs">驳回</button>
                                {{#  } else { }}
                                <button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button>
                                {{#  } }}
                            </script>
                            <script type="text/html" id="test-table-operate-td-snatch">
                                {{#  if(d.status == 99 || d.status == 80){ }}
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看明细</a>
                                {{#  } else if(d.status == 90){ }}
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看明细</a>
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="error">失败信息</a>
                                {{#  } else { }}
                                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看明细</a>
                                {{#  } }}
                            </script>
                            <script type="text/html" id="imgTpl">
                                <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
       </div>
        </div>
        <script src="../../layuiadmin/layui/layui.js"></script>
        <script src="../../layuiadmin/js/cookie.js"></script>
        <script>
            var clickCount = 0;
            layui.config({
                base: '../../layuiadmin/' //静态资源所在路径
            }).extend({
                index: 'lib/index' //主入口模块
            }).use(['index', 'useradmin', 'util', 'table', 'laypage', 'dropdown'], function () {
                var $ = layui.$
                    , form = layui.form
                    , table = layui.table
                    , laypage = layui.laypage
                    , util = layui.util
                    , element = layui.element
                    , dropdown = layui.dropdown;
                //点击tab事件
                element.on('tab(component-tabs-brief)', function (obj) {
                    if (obj.index == 1) {
                        //抢单据列表加载
                        table.render({
                            elem: '#LAY-user-manage-snatch'
                            , id: 'testReload_snatch'//容器的ID
                            , url: 'ashx/list.ashx?type=getsnatchinfo_list&phones=' + $.cookie("phone")
                            , toolbar: '#test-table-radio-toolbarDemo'
                            , method: 'POST'
                            , page: true
                            , limits: [10, 20, 30]
                            , limit: 10
                            , cols: [[
                                { type: 'radio' }
                                , { field: 'id', hide: true }
                                , { field: 'bjmsg', hide: true }
                                //, { field: 'requestdocno', width: 130, title: '申请单号', align: 'center' }
                                , { field: 'docno', width: 130, title: '抢单编号', align: 'center' }
                                , { field: 'saleusername', width: 140, title: '抢单方', align: 'center' }
                                , { field: 'sale_kddjbh', width: 130, title: '快递单号', align: 'center' }
                                , { field: 'sale_kdlxr', width: 150, title: '联系电话', align: 'center' }
                                , { field: 'buyusername', width: 140, title: '申请方', align: 'center' }
                                , { field: 'buy_takeman', width: 120, title: '申请联系人', align: 'center' }
                                , { field: 'buy_taketel', width: 120, title: '申请联系人电话', align: 'center' }
                                , { field: 'status', width: 80, title: '状态', align: 'center', templet: '#buttonTpl_snatch'}
                                , { field: 'sl', width: 80, title: '抢单数量', align: 'center' }
                                , { width: 180, align: 'center', fixed: 'right', toolbar: '#test-table-operate-td-snatch' }

                            ]], parseData: function (res) { //将原始数据解析成 table 组件所规定的数据.
                                return {
                                    "code": res.code, //解析接口状态
                                    "msg": res.msg, //解析提示文本
                                    "count": res.count, //解析数据长度
                                    "data": res.data //解析数据列表
                                };
                            }
                            , where: {
                                docno_snatch: $('#docno_snatch').val()
                                , customer_name_snatch: $('#customer_name_snatch').val()
                                , productvalue_snatch: $('#productvalue_snatch').val()
                                , status_snatch: $("select[name='status_snatch']").val()
                            }
                        });
                        //监听工具条-抢单
                        table.on('tool(LAY-user-manage-snatch)', function (obj) {
                            debugger
                            var data = obj.data;
                            //查看明细
                            if (obj.event === 'detail') {
                                var index = layer.open({
                                    type: 2
                                    , title: '查看'
                                    , content: 'snatchviews.html?docnos=' + data.docno
                                    , maxmin: true
                                    , area: [($(window).width() * 1) + 'px', ($(window).height() * 1) + 'px']
                                    , cancel: function (index, layero) {

                                    },
                                    end: function () {
                                    }
                                });
                                layer.full(index);
                            }
                            //失败信息
                            if (obj.event === 'error') {
                                var index = layer.open({
                                    content: data.bjmsg,
                                    btn: '我知道了',
                                    shadeClose: false,
                                    yes: function () {
                                        layer.close(index);
                                    }
                                });
                            }
                        });
                        //监听搜索-抢单
                        form.on('submit(LAY-user-front-search-snatch)', function (data) {
                            var field = data.field;
                            //执行重载
                            table.reload('testReload_snatch', {
                                where: {
                                    docno_snatch: $('#docno_snatch').val()
                                    , customer_name_snatch: $('#customer_name_snatch').val()
                                    , productvalue_snatch: $('#productvalue_snatch').val()
                                    , status_snatch: $("select[name='status_snatch']").val()
                                }, page: {
                                    curr: 1 //重新从第 1 页开始
                                }
                            });
                        });
                    }
                    //layer.msg(obj.index + '：' + this.innerHTML);
                });
                //验证用户是否登录
                if ($.cookie("loginid") == "" || $.cookie("loginid") == null || $.cookie("loginid") == "null" || $.cookie("loginid") == undefined || $.cookie("loginid") == "undefined") {
                    $.removeCookie("id", { path: "/", sucue: true });//用户id
                    $.removeCookie("loginid", { path: "/", sucue: true });//登录账号
                    $.removeCookie("username", { path: "/", sucue: true });//用户名
                    $.removeCookie("role", { path: "/", sucue: true });//权限
                    $.removeCookie("islookme", { path: "/", sucue: true });//权限
                    $.removeCookie("phone", { path: "/", sucue: true });//权限
                    window.location.href = "../login/login.html";
                }
                table.render({
                    elem: '#LAY-user-manage-request'
                    , id: 'testReload_request'//容器的ID
                    , url: 'ashx/list.ashx?type=getrequestinfo_list&phones=' + $.cookie("phone")
                    , toolbar: '#test-table-radio-toolbarDemo'
                    , method: 'POST'
                    , page: true
                    , limits: [10, 20, 30]
                    , limit: 10
                    , cols: [[
                        { type: 'radio' }
                        , { field: 'id', width: 60, title: 'id', align: 'center', hide: true }
                        , { field: 'docno', width: 130, title: '单据编号', align: 'center' }
                        , { field: 'mobile', width: 130, title: '经销商手机', align: 'center' }
                        , { field: 'username', width: 150, title: '经销商', align: 'center' }
                        , { field: 'request_storecode', width: 100, title: '经销商编号', align: 'center' }
                        , { field: 'takeman', width: 100, title: '收货人', align: 'center' }
                        , { field: 'takephone', width: 130, title: '收货人联系方式', align: 'center' }
                        , { field: 'takeaddress', width: 150, title: '收货人地址', align: 'center' }
                        , { field: 'status', width: 80, title: '状态', align: 'center', templet: '#buttonTpl' }
                        , { field: 'sl', width: 80, title: '数量', align: 'center' }
                        , { field: 'qdsl', width: 80, title: '抢单数量', align: 'center' }
                        , { width: 80, align: 'center', fixed: 'right', toolbar: '#test-table-operate-td' }

                    ]], parseData: function (res) { //将原始数据解析成 table 组件所规定的数据.
                        return {
                            "code": res.code, //解析接口状态
                            "msg": res.msg, //解析提示文本
                            "count": res.count, //解析数据长度
                            "data": res.data //解析数据列表
                        };
                    }
                    , where: {
                        docno: $('#docno').val()
                        , customer_name: $('#customer_name').val()
                        , productvalue: $('#productvalue').val()
                        , status: $("select[name='status']").val()
                    }
                });
                //监听排序
                table.on('sort(LAY-user-manage-request)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                    table.reload('testReload_request', {//刷新列表
                        initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                        , where: { //请求参数
                            field: obj.field //排序字段
                            , order: obj.type //排序方式
                            , docno: $('#docno').val()
                            , customer_name: $('#customer_name').val()
                            , productvalue: $('#productvalue').val()
                            , status: $("select[name='status']").val()
                        }
                    });
                });
                //双击行事件
                table.on('rowDouble(LAY-user-manage-request)', function (obj) {
                    //console.log(obj.tr) //得到当前行元素对象
                    //console.log(obj.data) //得到当前行数据
                    layer.open({
                        type: 2
                        , title: '查看'
                        , content: 'select_view.html?&dj_docno=' + obj.data.docno
                        , maxmin: true
                        , area: [($(window).width() * 0.7) + 'px', ($(window).height() * 0.7) + 'px']
                        , cancel: function (index, layero) {

                        },
                        end: function () {

                        }
                    });
                    //obj.del(); //删除当前行
                    //obj.update(fields) //修改当前行数据
                });
                //监听工具条-新增订单
                table.on('tool(LAY-user-manage-request)', function (obj) {
                    var data = obj.data;
                    //查看明细
                    if (obj.event === 'detail') {
                        var index = layer.open({
                            type: 2
                            , title: '查看'
                            , content: 'requestviews.html?type=view&docnos=' + data.docno 
                            , maxmin: true
                            , area: [($(window).width() * 0.8) + 'px', ($(window).height() * 0.8) + 'px']
                            , cancel: function (index, layero) {

                            },
                            end: function () {

                            }
                        });
                        //layer.full(index);
                    }
                });
                //监听搜索
                form.on('submit(LAY-user-front-search)', function (data) {
                    var field = data.field;
                    //执行重载
                    table.reload('testReload_request', {
                        where: {
                            docno: $('#docno').val()
                            , customer_name: $('#customer_name').val()
                            , productvalue: $('#productvalue').val()
                            , status: $("select[name='status']").val()

                        }, page: {
                            curr: 1 //重新从第 1 页开始
                        }
                    });
                });
                function getRowFexId(value) {
                    var checkStatus = table.checkStatus('testReload')
                        , data = checkStatus.data, arr = new Array();;
                    for (var i = 0; i < data.length; i++) {
                        arr.push(data[i][value]);
                    }
                    return arr.join(",");
                }
                //事件
                var active = {
                    batchdel: function () {
                        var checkStatus = table.checkStatus('testReload')
                            , checkData = checkStatus.data; //得到选中的数据
                        if (checkData.length === 0) {
                            return layer.msg('请选择数据');
                        }
                        var getid = getRowFexId("id");
   
                    }
                  
                };

                $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
                    var type = $(this).data('type');
                    active[type] ? active[type].call(this) : '';
                });
            });
        </script>
</body>
</html>
